<!DOCTYPE html>
<html lang="en">
<head>
    <base href=""/>
    <meta charset="UTF-8" name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>Back Log</title>
    <link type="text/css" rel="stylesheet" href="../PM/css/bootstrap.css"/>
    <link type="text/css" rel="stylesheet" href="../PM/css/bootstrap.min.css"/>
    <link type="text/css" rel="stylesheet" href="../PM/css/bootstrap-datetimepicker.min.css"/>
    <link type="text/css" rel="stylesheet" href="../PM/css/bootstrap-responsive.min.css"/>
    <link type="text/css" rel="stylesheet" href="../PM/css/common.css"/>
    <link type="text/css" rel="stylesheet" href="../PM/css/backLog.css"/>

    <script type='text/javascript' src='../PM/js/jquery-1.10.2.min.js'></script>
    <script type='text/javascript' src='../PM/js/bootstrap.min.js'></script>
    <script type='text/javascript' src='../PM/js/jquery.tips.js'></script>
    <script type='text/javascript' src='../PM/js/common.js'></script>
    <script type='text/javascript' src='../PM/js/backLog.js'></script>
</head>
<body>
<div class="col-sm-12" id="backLogPage" style="height:100%;"  onclick="toCloseVersions('UpdateBackLogDiv')">
    <div class="col-sm-2" id="BackLogLeftMenu">
            <div id="backLogProduct">
               <div id="productMenu">
                   <img src="../PM/images/projects.png"/>
                   <span id="productMenuPackUp" class="MenuSpanStyle" onclick="doGetAllProducts('productMenuUnfurled','backLogProducts','productMenuPackUp')" hidden="hidden" >产品
                     <img class="MenuImgStyle" src="../PM/images/unfurled.png" />
                   </span>
                   <span id="productMenuUnfurled" class="MenuSpanStyle" onclick="toClose('productMenuPackUp','backLogProducts','productMenuUnfurled')">产品
                      <img class="MenuImgStyle" src="../PM/images/pack-up.png"  />
                    </span>
               </div>
                <div id="backLogProducts">
                </div>
            </div>
            <div id="backLogMember">
                <div id="MemberMenu">
                    <img src="../PM/images/members.png"/>
                    <span id="memberUnfurled" class="MenuSpanStyle"  onclick="doGetAllMembers('memberPackUp','backLogMembers','memberUnfurled')" hidden="hidden">成员
                       <img class="MenuImgStyle" src="../PM/images/unfurled.png"/>
                    </span>
                    <span id="memberPackUp" class="MenuSpanStyle" onclick="toClose('memberUnfurled','backLogMembers','memberPackUp')">成员
                        <img class="MenuImgStyle" src="../PM/images/pack-up.png" />
                    </span>
                </div>
                <div id="backLogMembers">
                </div>
            </div>
    </div>
    <div class="col-sm-10" id="BackLogRightMenu">
        <div class="col-sm-12" id="backLogFeed">
            <p id="currentTitle"></p>
            <p id="backLogFeedNumber"></p>
          <div id="backLogFeedLists">
          </div>
        </div>
        <div class="col-sm-12" id="backLogModular" >
            <div class="col-sm-12" id="backLogNavigation">
                <ul class="nav nav-pills" role="tablist">
                    <li><span class="menuSapn commonBlueFont" onMouseOver="mmigration('Agency')" onMouseOut="shiftOut()" onclick="getBackLog('1','Agency')" id="Agency">待办</span></li>
                    <li><span class="menuSapn commonBlueFont activeLi" onMouseOver="mmigration('conduct')" onMouseOut="shiftOut()" onclick="getBackLog('2','conduct')" id="conduct">进行</span></li>
                    <li><span class="menuSapn commonBlueFont" onMouseOver="mmigration('complete')" onMouseOut="shiftOut()" onclick="getBackLog('3','complete')" id="complete">完成</span></li>
                    <li><span class="menuSapn commonBlueFont" onMouseOver="mmigration('release')" onMouseOut="shiftOut()" onclick="getBackLog('4','release')" id="release">发布</span></li>
                    <li><span class="menuSapn commonBlueFont" onMouseOver="mmigration('whole')" onMouseOut="shiftOut()" onclick="getBackLog('','whole')" id="whole" >全部</span></li>
                    <li><span class="menuSapn commonBlueFont" onMouseOver="mmigration('recycleBin')" onMouseOut="shiftOut()" onclick="getBackLog('0','recycleBin')" id="recycleBin">回收站</span></li>
                </ul>
            </div>
            <div class="col-sm-12" id="backLogContent">
            </div>
        </div>
    </div>
</div>
<!-- 弹出框 -->
<div id="showModal" hidden="hidden">
        <p id="ModalBody"></p>
</div>
<div class="addBackLog" hidden="hidden">
    <div class="addBackLogMsg">
        <div class="col-sm-12 form-group"><label class="addBackLogTitle">修改Back Log</label> <span id="addBackLogTitle">模版名称</span></div>
        <form id="addBackLogMsgForm">
            <div class="col-sm-12 form-group">
                <div class="col-sm-12 form-group">
                    <label class="col-sm-4 control-label labelTitle">工作分类:</label>
                    <div class="col-sm-7 partCondition" style="margin-top: 5px;">
                        <div class="col-sm-3" style="padding: 0"><input name="workType" type="radio" value="1" checked="checked"/>UI设计</div>
                        <div class="col-sm-3" style="padding: 0"><input name="workType" type="radio" value="4"/>前端</div>
                        <div class="col-sm-3" style="padding: 0"><input name="workType" type="radio" value="2"/>后端</div>
                        <div class="col-sm-3" style="padding: 0"><input name="workType" type="radio" value="3"/>测试</div>
                    </div>
                </div>
                <div class="col-sm-12 form-group">
                    <label for="workName" class="col-sm-4 control-label labelTitle">工作名称:</label>
                    <div class="col-sm-7 partCondition">
                        <input id="workName" name="workName" maxlength="50" class="form-control"/>
                    </div>
                </div>
                <div class="col-sm-12 form-group">
                    <label for="workPerson" class="col-sm-4 control-label labelTitle">工作人员:</label>
                    <div class="col-sm-7 partCondition">
                        <select id="workPerson" name="workPerson" class="form-control">
                            <option value="" selected="selected">请选择</option>
                        </select>
                    </div>
                </div>
                <div class="col-sm-12 form-group">
                    <label for="expectDay" class="col-sm-4 control-label labelTitle">预期天数:</label>
                    <div class="col-sm-7 partCondition">
                        <input id="expectDay" name="expectDay" maxlength="50" class="form-control" onblur="promptResult('expectDay')"/>
                    </div>
                </div>
                <div class="col-sm-12 form-group form-date">
                    <label for="expectStart" class="col-sm-4 control-label labelTitle">开始时间</label>
                    <div id="expectStart" class="col-sm-6 input-group date" data-date-format="yyyy-mm-dd" style="float: left;margin-left:20px;">
                        <input id="expectStartDay" name="expectStartDay" class="form-control" type="text"/>
                        <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                        <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                    </div>
                </div>
                <div class="col-sm-12 form-group form-date">
                    <label for="expectEnd" class="col-sm-4 control-label labelTitle">结束时间</label>
                    <div id="expectEnd" class="col-sm-6 input-group date" data-date-format="yyyy-mm-dd" style="float: left;margin-left:20px;">
                        <input id="expectEndDay" name="expectEndDay" class="form-control" type="text"/>
                        <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                        <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                    </div>
                </div>
                <div class="col-sm-12 form-group">
                    <button type="button" id="addBackLogMsgSure" class="btn btn-primary" style="margin-top: 2px;padding: 4px 9px;" onclick="addBackLogMsgSure">确定</button>
                    <button type="button" class="btn btn-danger" data-dismiss="modal" style="margin-top: 2px;padding: 4px 9px;" onclick="hideBackLogMsg()">取消</button>
                </div>
            </div>
        </form>
    </div>
</div>
<div class="col-sm-12" id="UpdateBackLogDiv" hidden="hidden">
    <div class="col-sm-6"  id="UpdateMemberMenu"></div>
    <div class="col-sm-5"  id="UpdateState">
        <p class="stateList hoverPointer" id="1">待办</p>
        <p class="stateList hoverPointer" id="2">进行</p>
        <p class="stateList hoverPointer" id="3">完成</p>
        <p class="stateList hoverPointer" id="4">发布</p>
        <p class="stateList hoverPointer" id="0">回收站</p>
    </div>
</div>
</body>
</html>
